<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script src="../zuoye/jquery.js"></script>
    <link rel="stylesheet" href="../xinzuoye/daohangn.css">
    <link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css">
</head>
<body>
<div id="col1" class="bg">
    <div class="bt">
        <h1 class="a">My GoodLife</h1>
    </div>
    <div class="sou">
            <form class="sou1" action="http://www.baidu.com/baidu" target="_blank">

                <table ><tr><td>

                    <input name=tn type=hidden value=baidu>

                    <input class="sou2" type=text name=word size=30>

                    <input class="e" type="submit" value="百度一下">

                </td></tr></table>

            </form>

    </div>
    <div class="co">
        <div class="roww">
            <div class="cola">
            <div class="img1">
                <a href="http://tieba.baidu.com/f?kw=fifaonline3&fr=ala0&tpl=5" target="view_window">
                    <div class="hehe">

                        <p class="ha">fifaol3吧</p>

                    </div>
                </a>
            </div>
            </div>
            <div class="cola1">
                <div class="img2">
                    <a href="http://bbs.hupu.com/" target="view_window">
                        <div class="hehe1">

                            <p class="ha">虎扑体育</p>

                        </div>
                    </a>
                </div>
            </div>
            <div class="cola2">
                <div class="img3">
                    <a href="http://www.zhibo8.cc/" target="view_window">
                        <div class="hehe2">

                            <p class="ha">直播吧</p>

                        </div>
                    </a>
                </div>
            </div>
            <div class="cola3">
                <div class="img4">
                    <a href="http://tieba.baidu.com/f?kw=%B0%A2%C9%AD%C4%C9&fr=ala0&tpl=5" target="view_window">
                        <div class="hehe3">

                            <p class="ha">阿森纳吧</p>

                        </div>
                    </a>
                </div>
            </div>
        </div>
    </div>


</div>
</body>
<script>

    total = document.documentElement.clientHeight;
    colHeight = total-document.getElementById("col1").offsetTop;
    document.getElementById("col1").style.height=colHeight+"px";

    $(document).ready(function(){
        $(".cola3").mouseleave(function(){
            $(".hehe3").fadeOut("fast");
        });
        $(".cola3").mouseenter(function(){
            $(".hehe3").slideDown("slow");
        });
        $(".cola2").mouseleave(function(){
            $(".hehe2").fadeOut("fast");
        });
        $(".cola2").mouseenter(function(){
            $(".hehe2").slideDown("slow");
        });
        $(".cola1").mouseleave(function(){
            $(".hehe1").fadeOut("fast");
        });
        $(".cola1").mouseenter(function(){
            $(".hehe1").slideDown("slow");
        });
        $(".cola").mouseleave(function(){
            $(".hehe").fadeOut("fast");
        });
        $(".cola").mouseenter(function(){
            $(".hehe").slideDown("slow");
        });


    });
</script>
</html>